Vue-Material-Admin

这是一个自己想写的基于谷歌Material Design的框架,因为Vue-Material有着较好的适配性和兼容性.可以动态的切换主题,根据需求来使用组件,通过简单易懂的 API 来使用丰富的UI元素和组件。基于vue2.0, 提供一系列可重复使用的组件和一系列的UI元素来构建的应用和页面,兼容移动设备上的和PC上大部分的现代浏览器。

相关技术(技术栈主要采用vue+material+resource由webpack2打包)

  • vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
  • material:基于谷歌Material Design组件库。
  • vue-router:一般单页面应用spa都要用到的前端路由。
  • vue-resource v1.3.4: 是一个通过XMLHttpRequrestJSONP技术实现异步加载服务端数据的Vue插件,提供了一般的 HTTP请求接口和RESTful架构请求接口,也提供了全局方法和VUe组件实例方法。
  • nprogress
  • simplestorage
  • vuex
  • blueimp-md5

特性

  • 基于 npm + webpack + babel 开发
  • 全面、灵活且强大的ui组件,API简单易用
  • 样式基于Material Design组件框架
  • 可定制化
头像组件 ✔︎ 下拉列表组件 ✔︎
底部条组建 ✔︎ 侧边导航条 ✔︎
按钮 ✔︎ 子标题组件 ✔︎
转换按钮 ✔︎ 开关组件 ✔︎
卡片 ✔︎ 标签组件 ✔︎
复选框 ✔︎ 表格组件 ✔︎
图标 ✔︎ 工具条组件 ✔︎
输入框组件 ✔︎ 提示组件 ✔︎
列表组件 ✔︎ 白框组件 ✔︎
菜单组件 ✔︎ 排版 ✔︎
单选组件 ✔︎ 网格系统 ✔︎
波浪效果 ✔︎ 主题切换 ✔︎

关于Vue-Material的三个特性:

  • Material 设计

Vue Material 是一个轻量级的框架, 建立在谷歌的Material Design基础上。 设计强大的和美观的web应用并适用于不同的屏幕。

  • 全功能应用

可以动态地生成和使用主题,根据自己的需求只用组件,UI元素与组件的优势在于可以更简单的使用API和其他的。

  • 兼容性

它的目的是提供一组可重用的组件和一系列的UI元素,使用 Vue 2.0 建立支持主流的浏览器的应用。

关于vue-resource的特点

体积小

  • vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。

支持主流的浏览器

  • 和Vue.js一样,vue-resource除了不支持IE 9以下的浏览器,其他主流的浏览器都支持。

支持Promise API和URI Templates

  • Promise是ES6的特性,Promise的中文含义为“先知”,Promise对象用于异步计算。URI Templates表示URI模板,有些类似于ASP.NET MVC的路由模板。

支持拦截器

  • 拦截器是全局的,拦截器可以在请求发送前和发送请求后做一些处理。拦截器在一些场景下会非常有用,比如请求发送前在headers中设置access_token,或者在请求失败时,提供共通的处理方式。

results matching ""

    No results matching ""